<template>
	<view class="footerContainers">
		<view class="footerContainers_top">
			<!-- <image class="footerContainers_top_img" referrerpolicy="no-referrer"
				src="/static/bottom1.png" />
			<image class="footerContainers_top_img1" referrerpolicy="no-referrer"
				src="/static/bottom2.png" /> -->
				<view class="footerContainers_bottomYear">
					<text class="footerContainers_bottomYear_textBtn" @tap="gotoOther(item)" v-for="(item,index) in yearArr" :key="index">{{item}}</text>
				</view>	
		</view>
	
		<view class="footerContainers_bottom">
			<view class="footerContainers_bottom_info display_flex-center">
				<!-- 夏季现场 -->
				<text class="footerContainers_bottom_info_text">©&nbsp;Animelo&nbsp;&nbsp;2024</text>
			</view>
			<view class="footerContainers_bottom_info display_flex-center">
				<text class="footerContainers_bottom_info_text">媒体相关询问</text>
				<text class="footerContainers_bottom_info_text1">个人信息保护方针</text>
			</view>
			<view class="footerContainers_bottom_info display_flex-center">
				<image class="footerContainers_bottom_info_img" referrerpolicy="no-referrer"
					src="/static/icon.png" />
				
				<text class="footerContainers_bottom_info_text">沪ICP备2024050349号-1</text>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		name: 'footerContainer',
		components: {

		},
		props: {

		},
		data() {
			return {
                yearArr:[
					2005,2006,2007,2008,2009,2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023
				]
			};
		},
		mounted() {
               
			// #ifdef H5

			// #endif
		},
		methods: {
             gotoOther(item){
				 window.open(`https://anisama.tv/${item}/index.html`,'_black')
			 }
		}
	};
</script>

<style scoped lang="scss">
	.footerContainers {
		position: absolute;
		bottom: 0rpx;
		left: 0rpx;
		height: 320rpx;
		z-index: 2;
		width: 100%;

		&_top {
			width: 100%;
			// height: 160rpx;
			padding: 24rpx;
			background-image: url("../../static/bg_top.png");
			background-size:fill;

			&_img {
				width: 630rpx;
				height: 60rpx;
				display: block;
				margin: 0 auto;
			}

			&_img1 {
				width: 692rpx;
				height: 28rpx;
				display: block;
				margin: 0 auto;
			}
		}
        &_bottomYear{
			width: 100%;
			padding:12rpx 0rpx;
			// background: #000;
			// color:#fff;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			&_textBtn{
				cursor: pointer;
				margin: 0 12rpx;
				display: block;
				font-size:26rpx;
				line-height: 36rpx;
			}
		}
		&_bottom {
			width: 100%;
			height: 160rpx;
			padding: 24rpx;
			background-image: url("../../static/bg_header.jpg");
			background-size:fill;
			color:#fff;
			&_info:first-child{
				margin-top:0rpx;
			}
			&_info{
				font-size:24rpx;
				line-height: 32rpx;
				margin-top:8rpx;
				&_img{
					width:32rpx;
					height:32rpx;
				}	
				&_text1{
					margin-left:24rpx;
				}
			}
		}
	}
</style>